草庐IT

Bootstrap4 表单

全部标签

javascript - 在 bootstrap 4 中使列可调整大小

我正在使用bootstrap4,它很棒,但是有什么方法可以添加某些列到另一个类,例如可调整大小,并可能添加min-width或max-width,它们将在这些限制内调整大小。那太好了。我并不是特指任何现有的库。我只是在寻找这个问题的解决方案。示例代码如下:非常感谢 最佳答案 https://split.js.org/您可以使用splitjs,为您的元素提供一个id并设置默认大小,因为您使用的是Bootstrap,您已经依赖于Jquery,所以这应该不是问题。Github链接是:https://github.com/nathancah

javascript - Bootstrap Typeahead - 不要自动选择第一项?

我正在使用thisforkoftheTwitterBootstraptypeaheadlibrary,它允许异步数据源以及onselect事件。到目前为止,它对我来说效果很好,但是当用户跳出该字段时(即没有主动选择下拉条目),将触发onselect事件(在我的例子中,将用户重定向到另一个页面)。如果用户不点击,有什么办法可以阻止onselect事件被触发?到目前为止,这是我得到的(在CoffeeScript中):$(document).ready->$('#inspection_name').typeahead(source:(typeahead,query)->$.ajax(url:

javascript - Bootstrap 弹出窗口中参数容器的用法?

在我在互联网上发现的大多数情况下,container被设置为'body'我遇到的:bootstrappopover显示在固定的div内容上,当您滚动页面时,popover也会移动。我将参数容器更改为我的特定DIV#search-filter-container,没有任何变化。更新:现在.popover即使我设置了container:'#some-my-div',DIV终于出现在body中了codedetails... 最佳答案 很难知道您在问什么,尤其是因为您没有提供任何代码示例。请阅读HowdoIaskagoodquestion?

javascript - 如果从不同的表单调用按钮,为什么 Ng Repeat 不起作用?

我有一个html表,其中包含一个ngrepeat指令和两个按钮。第一个将打开一个包含新表单的模式,让我创建我的用户,然后当我单击保存时,它将把它添加到列表中。第二个是相同的原始形式,并添加一个用户。我不明白为什么当我点击不同形式的第一个按钮时我无法更新ngrepeat但是对于第二个按钮它是可能的。这是代码:主页.jspCreateID.NameAddressEmail用户Controller.js'usestrict';App.controller('UserController',function($scope,UserService,$window,$log,$uibModalSt

javascript - Angularjs 使用指令进行初始表单验证

我有一个名为valid-number的验证指令用于使用$setValidity设置表单的有效性-这适用于我在输入框中键入的任何文本值,这些文本值将指令作为属性应用。HTML是指令如下angular.module('test',[]).directive('validNumber',function(){return{require:"ngModel",link:function(scope,elm,attrs,ctrl){varregex=/\d/;ctrl.$parsers.unshift(function(viewValue){varfloatValue=parseFloat(vi

javascript - AngularJS ngModel 在 ui-bootstrap tabset 中不起作用

下面的代码说明了这个问题:AngularJSPlunkerangular.module('plunker',['ui.bootstrap']).controller('MainCtrl',function($scope){$scope.changes=0;$scope.updateValueInScope=function(){$scope.valueInScope=$scope.value;$scope.changes++;}});value:{{value}}valueInScope:{{valueInScope}}changes:{{changes}}value:{{value}

javascript - 使用 Twitter Bootstrap 在模态对话框中显示进度条

如何使用twitterbootstrap在模态窗口中显示进度条?屏幕变灰,但未显示模态对话框。JSFiddlehttp://jsfiddle.net/jkittell/L0ccmgf2/4/HTMLHelloWorld!Processing...JavaScript$(function(){varpleaseWait=$('#pleaseWaitDialog');showPleaseWait=function(){pleaseWait.modal('show');};hidePleaseWait=function(){pleaseWait.modal('hide');};showPle

javascript - 访问 iframe 中的表单

我正在尝试访问表单及其元素。该表单位于iframe中,访问该表单的javascript代码位于主文档中。我不确定我还应该在问题中添加什么,所以如果我需要添加其他内容,请告诉我。(表单和主页在同一个域中)谢谢 最佳答案 varifr=document.getElementById(yourIframeId);varifrDoc=ifr.contentDocument||ifr.contentWindow.document;vartheForm=ifrDoc.getElementById(yourFormId);或者您可以在框架中使用一

javascript - 如何使用 jQuery Validate 正确验证放置在多个选项卡上的 Twitter 的 Bootstrap 表单?

我在几个Twitter的Bootstrap选项卡上有一个表单:HomeProfile当我在事件选项卡上使用jQuery验证验证表单,并且具有无效值的字段位于同一选项卡上时,验证失败(这是正确的)。但是当我在一个选项卡上而无效值在另一个选项卡上时,验证返回true,这是不正确的。我该如何解决?如何在另一个选项卡上突出显示该字段?请参阅thisdemo(只需按下按钮next-它会显示错误消息,然后转到最后一个选项卡并在那里按下finish)。 最佳答案 我认为您的问题在于验证仅发生在可见元素中。阅读此issue我们在1.9版中看到了这一

javascript - twitter bootstrap carousel 直接链接到特定幻灯片

我在我的网站上使用Twitterbootstrapcarousel来显示一组图像。我想知道是否可以允许链接链接到轮播中的特定幻灯片。因此,在10张幻灯片中,用户可以单击一个链接直接从href链接转到第5张幻灯片。bootstrapcarousel是否可行,还是我找错树了?编辑您好,所以我在document.ready函数下将以下内容添加到我的javascript中。但是输入urlwww.example.com/models.php/5没有任何作用。我做错了什么吗?varurl=window.location.href;varslide=url.substring(url.lastInd